<div style="display: grid; grid-template-columns: 180px 180px; grid-auto-rows: minmax(40px, auto)">
  <ti-avatar id="avatar-image-error" style="align-self: center; justify-self: center" imgAlt="Bird" [imgSrc]="imgUrl"></ti-avatar>
  <ti-avatar
    id="avatar-text-image-error"
    style="align-self: center; justify-self: center"
    imgAlt="Bird"
    text="Bird"
    [imgSrc]="imgUrl"
  ></ti-avatar>
  <p style="align-self: center; justify-self: center">图像类头像加载失败</p>
  <p style="align-self: center; justify-self: center">图像+文字类头像加载失败</p>
</div>
